<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="yes" name="apple-touch-fullscreen" />
		<meta content="telephone=no,email=no" name="format-detection" />
		<link rel="stylesheet" href="../../../common/css/common.css" />
		<link rel="stylesheet" href="../../../common/css/iconfont.css" />
		<link rel="stylesheet" href="../../css/joinGroup.css" />
		<script src="../../../common/js/flexible.debug.js"></script>
		<title>生活邦荟</title>
	</head>
	<body>
		<div class="header-container">
			<header class="myheader orange ">
				<i class="iconfont" pos="left">&#xe619;</i>
				<h1 class="header-h1">商品详情</h1>
			</header>
		</div>
		<div class="mycontainer">
			<!--拼团活动商品样板-->
			<div class="product" id="product2">
				<div class="block">
					<!--成功拼团-->
					<!--<p class="success iconfont">&#xe66a;</p>-->
					<!--拼团失败-->
					<p class="fail iconfont">&#xe837;</p>
					<img class="item_img lazy" data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
					<div class="info">
						<p class="name text-2">我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品</p>
						<p>
						</p>
						<p class="clearfloat">
							<span class="price">111.0</span>
							<del>222.0元</del>
							<span class="btn floatRight" style="padding:0 .1rem;">二人团</span>
						</p>
					</div>
				</div>
			</div>
			<!--拼团人员-->
			<div class="member-contianer">
				<div class="package-guide">
					<div class="title f14">
						拼团玩法
					</div>
					<div class="guide">
						<div>
							<p class="f18">①</p>
							<p>选择商品</p>
							<p><i class="iconfont">&#xe677;</i></p>
						</div>
						<div>
							<p class="f18">②</p>
							<p>支付开团<br />或参团</p>
							<p><i class="iconfont">&#xe677;</i></p>
						</div>
						<div>
							<p class="f18">③</p>
							<p>邀请好友<br />参团支付</p>
							<p><i class="iconfont">&#xe677;</i></p>
						</div>
						<div>
							<p class="f18">④</p>
							<p>达到人数<br />拼团成功</p>
						</div>
					</div>
				</div>
				<p class="member-txt f14">还差<span class="people-num f16">2</span>人成团，发送给小伙伴参团</p>
				<div class="classify-line f14">
					<span class="line"></span>
					<span class="line-text f12" id="timer">
						<div class="time-container" data-start="0" data-now="1478598072824" data-end="1478857288551">
							<span class="floatLeft" style="margin-right: 0.1rem;">倒计时:</span>
							<span class="time-num">00</span>
							<span class="time-span">:</span>
							<span class="time-num">00</span>
							<span class="time-span">:</span>
							<span class="time-num">00</span>
						</div>
					</span>
					<span class="line"></span>
				</div>
				<!--成员信息列表-->
				<div class="member-info-list">
					<div class="group-info leader">
						<img src="../../img/4dd44390f603738d3a5b4f1cb21bb051f919ecd5.jpg" />
						<span>团长&nbsp;&nbsp;有树</span>
						<span class="floatRight">2016-08-25 11:47:59 开团</span>
					</div>
					<div class="group-info member">
						<img src="../../img/4dd44390f603738d3a5b4f1cb21bb051f919ecd5.jpg" />
						<span>荻荻</span>
						<span class="floatRight">2016-08-25 11:47:59 参团</span>
					</div>
					<div class="group-info member">
						<img src="../../img/4dd44390f603738d3a5b4f1cb21bb051f919ecd5.jpg" />
						<span>菜头</span>
						<span class="floatRight">2016-08-25 11:47:59 参团</span>
					</div>
				</div>
			</div>
		</div>
		<!--分享链接-->
		<div class="share-link">
			<img src="../../img/788694007564167961.png" />
			<div class="f18">
				<p>点击右上角</p>
				<p>【发送给朋友】</p>
				<p>或者</p>
				<p>【分享到朋友圈】</p>
				<p>邀请好友拼团</p>
			</div>
		</div>
		<!--底部栏-->
		<div class="more">
			<a href="#">更多拼团</a>
			<a href="#">再开一个团</a>
			<a href="#" class="share">邀请好友参团</a>
		</div>
		<!--尾部-->
		<footer class="myfooter">
			<a href="../platform/plaformIndex.html"><i class="iconfont">&#xe60d;</i><p>首页</p></a>
			<a href="../retail/cart.html" class="footer_cart"><i class="iconfont">&#xe601;</i><p>购物车</p><span class="footer_cart_num">1</span></a>
			<a href="../personalCenter/personal.html"><i class="iconfont">&#xe60b;</i><p>个人中心</p></a>
		</footer>
	</body>
	<script src="../../../common/js/jquery-1.9.1.min.js"></script>
	<script src="../../../common/js/baidu_touch.js"></script>
	<script src="../../../common/js/common.js"></script>
	<script src="../../js/timer.js"></script>
	<script>
//		new timer().showTime({
//			container_id:'#timer',
//			start:parseInt($("#timer").find(".time-container").attr("data-start")),
//			now:parseInt($("#timer").find(".time-container").attr("data-now")),
//			end:parseInt($("#timer").find(".time-container").attr("data-end")),
//			callback:function(){
//				console.log(this.container_id);
//				$(".member-txt").remove();
//				$("#timer").find(".time-container").html("抢购结束");
//			}
//		}).countDown();
		new timer().showTime({
			container_id:'#timer',
			start:parseInt($("#timer").find(".time-container").attr("data-start")),
			now:parseInt($("#timer").find(".time-container").attr("data-now")),
			end:parseInt($("#timer").find(".time-container").attr("data-end")),
			callback:function(){
			console.log(this.container_id);
			$(".member-txt").remove();
			$("#timer").find(".time-container").html("抢购结束");
			}
		}).countDown()
		$(".share").click(function(){
			$(".share-link").show();
		})
		$(".share-link").click(function(){
			$(".share-link").hide()
		})
	</script>
</html>
